<template>
	<view>
		<van-field value="" placeholder="请输入姓名" required clearable label="姓名" />
		<van-cell title="性别" is-link value="请选择性别" @click="show = true"/>
		<van-cell title="出生日期" is-link value="请选择出生日期" @click="show1 = true"/>
		<van-popup :show="show" position="bottom" round @close="onClose">
			<van-picker
				show-toolbar
				title="请选择性别"
				:columns="columns"
				@cancel="onClose"
				@confirm="onConfirm"
			/>
		</van-popup>
		<van-popup :show="show1" position="bottom" round @close="onClose">
			<van-datetime-picker
				title="请选择出生日期"
			  type="date"
			  value="currentDate"
			  min-date="minDate"
				@cancel="onClose"
				@confirm="onConfirm"
			/>
		</van-popup>
		
		<van-button custom-class="go-bth" type="primary" block round>提交</van-button>
	</view>
</template>
<script>
export default {
	data() {
		return {
			show: false,
			show1: false,
			columns: ['男', '女'],
			currentDate: new Date().getTime(),
			minDate: new Date().getTime(),
		};
	},
	onLoad() {
		// this.getNavList()
	},
	methods: {
		onClose(){
			this.show = false
			this.show1 = false
		},
		onConfirm() {
			this.show = false
			this.show1 = false
		},
		test(value) {
			console.log(value);
		}
	}
};
</script>

<style lang="scss">
.point-box {
	width: 690rpx;
	height: 420rpx;
	padding-left: 50rpx;
	padding-right: 50rpx;
	padding-top: 60rpx;
	margin: 30rpx auto;
	color: #999;
	background: #f5e2b7;
	font-size: 24rpx;
	border-radius: 36rpx;
	.num {
		font-size: 44rpx;
		font-weight: 600;
		color: #333;
	}
	.link {
		color: #333;
	}
	.bot {
		margin-top: 200rpx;
	}
}
.camre-btn {
	color: #fff;
	background: linear-gradient(to right, #f8b566, #ffd08c);
	width: 330rpx;
	height: 96rpx;
	margin: 0 auto;
	font-weight: 500;
	border-radius: 96rpx;
	.iconfont {
		font-size: 42rpx;
		margin-right: 6rpx;
	}
}
.tips {
	font-size: 24rpx;
	line-height: 97rpx;
	text-align: center;
}
.bgf {
	margin-bottom: 20rpx;
}
.go-bth{
		width:690rpx!important;
		margin: 150rpx auto 0;
	}
</style>
